<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Facelets Template</title>
    </h:head>

    <h:body style="background: whitesmoke">


        <div id="top" class="top" style="background: url(./../Template/Image/banner1.jpg)">
            <ui:insert name="top"> 
                <div id="nav_account">
                    <p:commandLink id="myaccount" value="My Profile" action="#{accountBean.toProfile()}"/>
                    <p:commandLink id="logout" value="Log out" action="#{accountBean.logout()}"/>
                </div></ui:insert>
        </div>
        <div>
            <div id="left" style="width: 180px">
                <ui:insert name="left"><div >
                        <h:form>
                            <p:growl id="growl" showDetail="true" />
                            <p:growl id="menu" autoUpdate="true"/>
                            <p:menu style="background:cross-fade;width: 180px;margin-right: 3px">
                                <p:submenu label="My Profile">
                                    <p:menuitem value="View My Profile" style="color: #393939" action="#{accountBean.toProfile()}"/>
                                </p:submenu>
                                <p:submenu label="Account">
                                    <p:menuitem value="Manage Account" style="color: #393939" action="#{accountBean.back()}"></p:menuitem>
                                    <p:menuitem value="Manage Departement" action="#{departmentBean.back()}" style="color: #393939"></p:menuitem>                
                                </p:submenu>

                                <p:submenu label="Complaint">
                                    <p:menuitem value="Manage Complaint" style="color: #393939" action="#{complaintBean.back()}"></p:menuitem>
                                    <p:menuitem value="Manage ComplaintCategory" style="color: #393939" action="#{categoryBean.back()}"></p:menuitem>  
                                    <p:menuitem value="Manage Priority" style="color: #393939" action="#{priorityBean.back()}"></p:menuitem>

                                </p:submenu>
                                <p:submenu label="Report">
                                    <p:menuitem value="Time Report " style="color: #393939" action="#{reportBean.back()}"></p:menuitem>
                                    <p:menuitem value="Status Report " style="color: #393939" action="#{reportBean.toStatusReport()}"></p:menuitem>
                                    <p:menuitem value="DepartmentWise Report" style="color: #393939" action="#{reportBean.toDepartmentReport()}"></p:menuitem>
                                    <p:menuitem value="TechnicianWise report" style="color: #393939" action="#{reportBean.toTechnicainReport()}"></p:menuitem>
                                    <p:menuitem value="CompCategoryWise report" style="color: #393939" action="#{reportBean.toCategoryReport()}"></p:menuitem>

                                </p:submenu>

                                <p:submenu label="News">
                                    <p:menuitem value="Manage News" style="color: #393939" action="#{newsBean.back()}"></p:menuitem>
                                </p:submenu>
                                <p:submenu label="FAQS">
                                    <p:menuitem value="Manage FAQS" style="color: #393939" action="#{fAQsBean.back()}"></p:menuitem>
                                </p:submenu>
                            </p:menu>
                        </h:form>


                    </div></ui:insert>
            </div>
            <div id="content" class="left_content" style="background: whitesmoke; margin-left: 195px" >
                <ui:insert name="content">Content</ui:insert>
            </div>
        </div>
        <div id="bottom" style="border-top: 2px solid #ccc">
            <ui:insert name="bottom">
                <div style="background: #999999;margin-top: 5px">
                <div id="bottom_1" style="width: 500px;float: left;margin-left: 2px">
                    <h:outputLabel value="SPAKE HELPDESK - Give us your complaint" style="font-size: 12px;color: #161616"/>
                </div>

                <div id="bottom_2" style="margin-right: 2px;float: right">
                    <h:outputLabel value="© 2012 Mantech Helpdesk" style="font-size: 12px;color: #161616"/>
                    <br></br>
                    <h:outputLabel value="Desgin by Group 1 - Softech Aptech" style="font-size: 12px;float: right;color: #161616"/>
                </div>
            </div>
        </ui:insert>
    </div>
    </h:body>
    
</html>
